<LayoutTableSmall>
    <!-- 其他 -->
    <template slot="other"></template>
    <!-- 搜索 -->
    <template slot="search">
        <el-form :inline="true" label-position="left" label-width="80px" :model="mixinTable_tableSearchData"
            @submit.native.prevent class="demo-form-inline">
            <el-form-item>
                <el-input clearable v-model="mixinTable_tableSearchData.name" placeholder="请输入报表名称"
                    @change="mixinTable_searchData" style="width:250px">
                    <el-button slot="append" icon="el-icon-search" @click="mixinTable_searchData()">
                    </el-button>
                </el-input>
            </el-form-item>
            <el-form-item>
                <el-select v-model="mixinTable_tableSearchSenior.module.value" placeholder="请选择"
                    @change="mixinTable_searchData()" style="width: 100px;">
                    <el-option label="全部业务" :value="null">
                    </el-option>
                    <el-option label="商品" :value="1">
                    </el-option>
                    <el-option label="会员" :value="2">
                    </el-option>
                    <el-option label="订单" :value="3">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item>
                <el-select v-model="mixinTable_tableSearchSenior.status.value" placeholder="请选择"
                    @change="mixinTable_searchData()" style="width: 100px;">
                    <el-option label="全部状态" :value="null">
                    </el-option>
                    <el-option label="生成中" :value="1">
                    </el-option>
                    <el-option label="已完成" :value="2">
                    </el-option>
                    <el-option label="生成失败" :value="3">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item>
                <el-date-picker v-model="mixinTable_tableSearchSenior.createdTimeStartStr.value" type="datetime"
                    placeholder="选择开始时间" align="right" value-format="yyyy-MM-dd HH:mm:ss"
                    :picker-options="pickerOptions" @change="startChange">
                </el-date-picker>
                <span style="margin: 0 10px;">-</span>
                <el-date-picker v-model="mixinTable_tableSearchSenior.createdTimeEndStr.value" type="datetime"
                    placeholder="选择结束时间" align="right" value-format="yyyy-MM-dd HH:mm:ss"
                    :picker-options="pickerOptions" @change="endChange">
                </el-date-picker>
            </el-form-item>
        </el-form>
    </template>
    <!-- 功能 -->
    <template slot="function">

    </template>
    <!-- 表格 -->
    <template slot="table">
        <el-table v-loading="mixinTable_loading" :data="mixinTable_tableData" border style="width: 100%;"
            :ref="mixinPage_vueName+'TableSmall'" default-expand-all height="100%" row-key="id"
            @selection-change="mixinTable_handleSelectionChangeTableSmall">
            <el-table-column type="selection" width="50" align="center"></el-table-column>
            <el-table-column label="报表名称" prop="name">
            </el-table-column>
            <el-table-column label="业务模块">
                <template slot-scope="scope">
                    {{module2Text(scope.row.module)}}
                </template>
            </el-table-column>
            <el-table-column label="导出时间" width="200">
                <template slot-scope="scope">
                    {{$vFN.Utils.timestampToDate("yyyy-MM-dd HH:mm:ss", scope.row.createdTime *1000)}}
                </template>
            </el-table-column>

            <el-table-column label="状态" width="100" prop="status">
                <template slot-scope="scope">
                    {{ status2Text(scope.row.status)}}
                </template>
            </el-table-column>

            <el-table-column label="操作" width="150" align="center">
                <template slot-scope="scope">
                    <el-button v-if="scope.row.status ==2" @click="downloadFile(scope.row)">下载</el-button>
                    <el-button type="danger" plain @click="mixinTable_selectTableDeleteData([scope.row])">删除</el-button>

                </template>
            </el-table-column>
        </el-table>
    </template>
    <!-- 表格选项 -->
    <template slot="options">
        <el-button :disabled="mixinTable_selectTableData.length<=0" @click="mixinTable_selectTableDeleteData()">
            批量删除</el-button>
        <el-button :disabled="mixinTable_selectTableData.length<=0"
            @click="mixinTable_clearSelectionChangeTableSmall()">取消选择
        </el-button>
    </template>
    <!-- 分页 -->
    <template slot="page">
        <el-pagination class="paginationStyle" v-if="mixinTable_pageData.total>0" background
            @current-change="mixinTable_pagingData($event)" :current-page="mixinTable_pageData.pageNum"
            :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
            :total.sync="mixinTable_pageData.total">
        </el-pagination>
    </template>

</LayoutTableSmall>